<!DOCTYPE html>
<html lang="en" class="app">
<head>
    <meta charset="utf-8"/>
    <title>匠心独创</title>
    <meta name="description"
          content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <link rel="stylesheet" href="../css/bootstrap.css" type="text/css"/>
    <link rel="stylesheet" href="../css/animate.css" type="text/css"/>
    <link rel="stylesheet" href="../css/font-awesome.min.css" type="text/css"/>
    <link rel="stylesheet" href="../css/simple-line-icons.css" type="text/css"/>
    <link rel="stylesheet" href="../css/font.css" type="text/css"/>
    <link rel="stylesheet" href="../css/app.css" type="text/css"/>
    <link rel="stylesheet" href="../css/project-index-settings.css" type="text/css"/>
    <!--[if lt IE 9]>
    <script src="js/ie/html5shiv.js"></script>
    <script src="js/ie/respond.min.js"></script>
    <script src="js/ie/excanvas.js"></script>
    <![endif]-->
</head>
<body class="">
<section class="vbox">
    <header class="bg-white-only header header-md navbar navbar-fixed-top-xs">
        <div class="navbar-header aside bg-info dk">
            <a class="btn btn-link visible-xs" data-toggle="class:nav-off-screen,open" data-target="#nav,html">
                <i class="icon-list"></i>
            </a>
            <a href="index.html" class="navbar-brand text-lt">
                <i class="icon-earphones"></i>
                <img src="images/logo.png" alt="." class="hide">
                <span class="hidden-nav-xs m-l-sm">Musik</span>
            </a>
            <a class="btn btn-link visible-xs" data-toggle="dropdown" data-target=".user">
                <i class="icon-settings"></i>
            </a>
        </div>
        <ul class="nav navbar-nav hidden-xs">
            <li>
                <a href="#nav,.navbar-header" data-toggle="class:nav-xs,nav-xs" class="text-muted">
                    <i class="fa fa-indent text"></i>
                    <i class="fa fa-dedent text-active"></i>
                </a>
            </li>
        </ul>
        <form class="navbar-form navbar-left input-s-lg m-t m-l-n-xs hidden-xs" role="search">
            <div class="form-group">
                <div class="input-group">
            <span class="input-group-btn">
              <button type="submit" class="btn btn-sm bg-white btn-icon rounded"><i class="fa fa-search"></i></button>
            </span>
                    <input type="text" class="form-control input-sm no-border rounded"
                           placeholder="搜索项目">
                </div>
            </div>
        </form>
        <div class="navbar-right ">
            <ul class="nav navbar-nav m-n hidden-xs nav-user user">
                <li class="dropdown">
                    <a href="project-index.html" class="dropdown-toggle bg clear"  >
                        发布项目
                        <span class=" fa fa-plus-square">
              </span>
                    </a>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle bg clear" data-toggle="dropdown">
              <span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">
                <img src="../images/a0.png" alt="...">
              </span>
                      郑浩<b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu animated fadeInRight">
                        <li>
                            <span class="arrow top"></span>
                            <a href="personal_set.html">设置</a>
                        </li>
                        <li>
                            <a href="docs.html">帮助</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="signin.html">退出</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </header>
    <section>
        <section class="hbox stretch">
            <!-- .aside -->
            <aside class="bg-black dk aside hidden-print" id="nav">
                <section class="vbox">
                    <section class="w-f-md scrollable">
                        <div class="slim-scroll" data-height="auto" data-disable-fade-out="true" data-distance="0" data-size="10px" data-railOpacity="0.2">



                            <!-- nav -->
                            <nav class="nav-primary hidden-xs">

                                <ul class="nav bg clearfix">
                                    <li class="hidden-nav-xs padder m-t m-b-sm text-xs text-muted">
                                        类别
                                    </li>
                                    <li>
                                        <a href="index.html">
                                            <i class="icon-disc icon text-success"></i>
                                            <span class="font-bold">教育</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="index.html">
                                            <i class="icon-music-tone-alt icon text-info"></i>
                                            <span class="font-bold">科技</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="index.html">
                                            <i class="icon-drawer icon text-primary-lter"></i>
                                            <span class="font-bold">艺术</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="index.html">
                                            <i class="icon-list icon  text-info-dker"></i>
                                            <span class="font-bold">生活</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="index.html" >
                                            <i class="icon-social-youtube icon  text-primary"></i>
                                            <span class="font-bold">娱乐</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="index.html" >
                                            <i class="icon-social-youtube icon  text-primary"></i>
                                            <span class="font-bold">废物利用</span>
                                        </a>
                                    </li>
                                    <li class="m-b hidden-nav-xs"></li>
                                </ul>
                                <ul class="nav" data-ride="collapse">
                                    <li class="hidden-nav-xs padder m-t m-b-sm text-xs text-muted">
                                        参与
                                    </li>
                                    <li >
                                        <a href="project-index.html" class="auto">
                        <span class="pull-right text-muted">
                          <i class="fa fa-angle-left text"></i>
                          <i class="fa fa-angle-down text-active"></i>
                        </span>
                                            <i class="icon-screen-desktop icon">
                                            </i>
                                            <span>发布项目</span>
                                        </a>
                                    </li>
                                    <li >
                                        <a href="personal_profile.html" class="auto">
                        <span class="pull-right text-muted">
                          <i class="fa fa-angle-left text"></i>
                          <i class="fa fa-angle-down text-active"></i>
                        </span>
                                            <i class="icon-screen-desktop icon">
                                            </i>
                                            <span>个人中心</span>
                                        </a>
                                    </li>
                                </ul>


                            </nav>
                            <!-- / nav -->
                        </div>
                    </section>

                    <footer class="footer hidden-xs no-padder text-center-nav-xs">
                        <div class="bg hidden-xs ">
                            <div class="dropdown dropup wrapper-sm clearfix">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                      <span class="thumb-sm avatar pull-left m-l-xs">
                        <img src="../images/a3.png" class="dker" alt="...">
                        <i class="on b-black"></i>
                      </span>
                                    <span class="hidden-nav-xs clear">
                        <span class="block m-l">
                          <strong class="font-bold text-lt">John.Smith</strong>
                          <b class="caret"></b>
                        </span>
                        <span class="text-muted text-xs block m-l">Art Director</span>
                      </span>
                                </a>
                                <ul class="dropdown-menu animated fadeInRight aside text-left">
                                    <li>
                                        <span class="arrow bottom hidden-nav-xs"></span>
                                        <a href="#">Settings</a>
                                    </li>
                                    <li>
                                        <a href="personal_profile.html">Profile</a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <span class="badge bg-danger pull-right">3</span>
                                            Notifications
                                        </a>
                                    </li>
                                    <li>
                                        <a href="docs.html">Help</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="modal.lockme.html" data-toggle="ajaxModal">Logout</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </footer>
                </section>
            </aside>
            <!-- /.aside -->
            <section id="content">
                <section class="vbox">
                    <header class="header bg-light dk">
                        <p></p>
                    </header>
                    <section class="scrollable wrapper">
                        <div class="row">
                            <div class="content-padding">
                                <div class="col-md-6">
                                    <div class="project-title media ">
                                        <span class="pull-left thumb-sm"><img src="../images/a1.png" alt="..." class="img-circle"></span>
                                        <div class="media-body">
                                            <div><a href="#">Chris Fox</a></div>
                                            <small class="text-muted">about 2 minutes ago</small>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <p class="right-small-btns">
                                        <a class="btn btn-default" data-toggle="tooltip" data-placement="top"
                                           title="赞一下">
                                            <i class="fa fa-heart-o text"></i>
                                            <i class="fa fa-heart text-active text-danger"></i>
                                        </a>
                                        <a class="btn btn-default" data-toggle="tooltip" data-placement="top"
                                           title="关注">
                                            <i class="fa fa-thumbs-o-up text"></i>
                                            <i class="fa fa-thumbs-up text-active text-danger"></i>
                                        </a>
                                        <a class="btn btn-default" data-toggle="tooltip" data-placement="top"
                                           title="举报">
                                            <i class="fa fa-bell-o text"></i>
                                            <i class="fa fa-bell text-active text-danger"></i>
                                        </a>

                                    </p></div>
                                <!-- .nav-justified -->
                                <section class="panel panel-default">
                                    <header class="panel-heading bg-light">
                                        <ul class="nav nav-tabs nav-justified">
                                            <li><a href="project-index.html"><i
                                                    class="icon-home m-r-md"></i>项目主页</a></li>
                                            <li  class="active"><a href="#"><i
                                                    class="icon-settings m-r-md"></i>项目设置</a></li>
                                        </ul>
                                    </header>
                                    <div class="panel-body">
                                        <div class="tab-content">
                                            <div class="tab-pane active" id="home">
                                                <div class="row">
                                                    <div class="col-sm-12 padder-md">
                                                        <form data-validate="parsley">
                                                            <section class="">

                                                                <div class="">
                                                                    <p class="text-muted">请完善下面信息</p>
                                                                    <div class="form-group">
                                                                        <label>项目名称</label>
                                                                        <input type="text" class="form-control" data-required="true">
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <label>项目分类</label>
                                                                        <input type="text" class="form-control" data-type="email" data-required="true">
                                                                    </div>
                                                                    <div class="form-group pull-in clearfix">
                                                                        <div class="col-sm-12">
                                                                            <div class="btn-toolbar m-b-sm btn-editor" data-role="editor-toolbar" data-target="#editor">
                                                                                <div class="btn-group">
                                                                                    <a class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" title="Font"><i class="fa fa-font"></i><b class="caret"></b></a>
                                                                                    <ul class="dropdown-menu">
                                                                                    </ul>
                                                                                </div>
                                                                                <div class="btn-group">
                                                                                    <a class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" title="Font Size"><i class="fa fa-text-height"></i>&nbsp;<b class="caret"></b></a>
                                                                                    <ul class="dropdown-menu">
                                                                                        <li><a data-edit="fontSize 5" style="font-size:24px">Huge</a></li>
                                                                                        <li><a data-edit="fontSize 3" style="font-size:18px">Normal</a></li>
                                                                                        <li><a data-edit="fontSize 1" style="font-size:14px">Small</a></li>
                                                                                    </ul>
                                                                                </div>
                                                                                <div class="btn-group">
                                                                                    <a class="btn btn-default btn-sm" data-edit="bold" title="Bold (Ctrl/Cmd+B)"><i class="fa fa-bold"></i></a>
                                                                                    <a class="btn btn-default btn-sm" data-edit="italic" title="Italic (Ctrl/Cmd+I)"><i class="fa fa-italic"></i></a>
                                                                                    <a class="btn btn-default btn-sm" data-edit="strikethrough" title="Strikethrough"><i class="fa fa-strikethrough"></i></a>
                                                                                    <a class="btn btn-default btn-sm" data-edit="underline" title="Underline (Ctrl/Cmd+U)"><i class="fa fa-underline"></i></a>
                                                                                </div>
                                                                                <div class="btn-group">
                                                                                    <a class="btn btn-default btn-sm" data-edit="insertunorderedlist" title="Bullet list"><i class="fa fa-list-ul"></i></a>
                                                                                    <a class="btn btn-default btn-sm" data-edit="insertorderedlist" title="Number list"><i class="fa fa-list-ol"></i></a>
                                                                                    <a class="btn btn-default btn-sm" data-edit="outdent" title="Reduce indent (Shift+Tab)"><i class="fa fa-dedent"></i></a>
                                                                                    <a class="btn btn-default btn-sm" data-edit="indent" title="Indent (Tab)"><i class="fa fa-indent"></i></a>
                                                                                </div>
                                                                                <div class="btn-group">
                                                                                    <a class="btn btn-default btn-sm" data-edit="justifyleft" title="Align Left (Ctrl/Cmd+L)"><i class="fa fa-align-left"></i></a>
                                                                                    <a class="btn btn-default btn-sm" data-edit="justifycenter" title="Center (Ctrl/Cmd+E)"><i class="fa fa-align-center"></i></a>
                                                                                    <a class="btn btn-default btn-sm" data-edit="justifyright" title="Align Right (Ctrl/Cmd+R)"><i class="fa fa-align-right"></i></a>
                                                                                    <a class="btn btn-default btn-sm" data-edit="justifyfull" title="Justify (Ctrl/Cmd+J)"><i class="fa fa-align-justify"></i></a>
                                                                                </div>
                                                                                <div class="btn-group">
                                                                                    <a class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" title="Hyperlink"><i class="fa fa-link"></i></a>
                                                                                    <div class="dropdown-menu">
                                                                                        <div class="input-group m-l-xs m-r-xs">
                                                                                            <input class="form-control input-sm" placeholder="URL" type="text" data-edit="createLink"/>
                                                                                            <div class="input-group-btn">
                                                                                                <button class="btn btn-default btn-sm" type="button">Add</button>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <a class="btn btn-default btn-sm" data-edit="unlink" title="Remove Hyperlink"><i class="fa fa-cut"></i></a>
                                                                                </div>

                                                                                <div class="btn-group">
                                                                                    <a class="btn btn-default btn-sm" title="Insert picture (or just drag & drop)" id="pictureBtn"><i class="fa fa-picture-o"></i></a>
                                                                                    <input type="file" data-role="magic-overlay" data-target="#pictureBtn" data-edit="insertImage" />
                                                                                </div>
                                                                                <div class="btn-group">
                                                                                    <a class="btn btn-default btn-sm" data-edit="undo" title="Undo (Ctrl/Cmd+Z)"><i class="fa fa-undo"></i></a>
                                                                                    <a class="btn btn-default btn-sm" data-edit="redo" title="Redo (Ctrl/Cmd+Y)"><i class="fa fa-repeat"></i></a>
                                                                                </div>
                                                                            </div>
                                                                            <div id="editor" class="form-control" style="overflow:scroll;height:300px;max-height:300px">
                                                                                简单描述项目，便于他人理解
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <div class="form-group">
                                                                        <label>项目公开性</label>
                                                                        <div class="radio i-checks">
                                                                            <label>
                                                                                <input type="radio" name="a" value="option1"  checked="">
                                                                                <i></i>
                                                                                公开项目 仅项目成员可以查看和编辑该项目
                                                                            </label>
                                                                        </div>
                                                                        <div class="radio i-checks">
                                                                            <label>
                                                                                <input type="radio" name="a" value="option2">
                                                                                <i></i>
                                                                                私有项目 任何人都可以通过链接查看该项目，仅项目成员可以编辑该项目
                                                                            </label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <div class="checkbox i-checks">
                                                                            <label>
                                                                                <input type="checkbox" name="check" checked data-required="true"><i></i> 同意版权声明 <p>用户不得侵犯包括他人的著作权在内的知识产权以及其他合法权利，请勿在未经授权的情况下转载任何涉及著作权侵权的经验，
                                                                                除非完全由您个人创作。由于用户发布的相关内容引起的任何知识产权纠纷或其他法律纠纷，
                                                                                其责任在于用户本人，与本网站无关。点击发布即表示您确认该经验不违反国家相关法律法规及经验协议，
                                                                                并且您拥有该经验的合法、完整的版权或者合法、完整的转载授权。</p>
                                                                            </label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="line line-dashed b-b line-lg pull-in"></div>
                                                                    <div class="form-group text-right">

                                                                        <button type="reset" class="btn btn-default">取消</button>
                                                                        <button type="submit" class="btn btn-primary">保存</button>

                                                                    </div>
                                                                </div>
                                                                <footer class="panel-footer text-right bg-light lter">

                                                                </footer>
                                                            </section>
                                                        </form>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </section>
                                <!-- / .nav-justified -->

                            </div>
                        </div>
                    </section>
                </section>
                <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen,open"
                   data-target="#nav,html"></a>
            </section>
        </section>
    </section>
</section>
<script src="js/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.js"></script>
<!-- App -->
<script src="js/app.js"></script>
<script src="js/slimscroll/jquery.slimscroll.min.js"></script>
<script src="js/app.plugin.js"></script>
<!-- file input -->
<script src="js/file-input/bootstrap-filestyle.min.js"></script>
<!-- wysiwyg -->
<script src="js/wysiwyg/jquery.hotkeys.js"></script>
<script src="js/wysiwyg/bootstrap-wysiwyg.js"></script>
<script src="js/wysiwyg/demo.js"></script>
</body>
</html>